<header id="header">
    <section class="container">
        <h1 id="logo">
            <a href="" title="蜗牛K15在线教育">
                <img th:src="@{/img/logo.jpg}" width="100%" alt="蜗牛K15在线教育">
            </a>
        </h1>
        <div class="h-r-nsl">
            <ul class="nav">
                <li><a th:href="@{/}" title="首页">首页</a></li>
            </ul>
            <!-- / nav -->
            <ul class="h-r-login">
                <li id="no-login" th:unless="${session.member}">
                    <a th:href="@{/member/login}" title="登录">
                        <em class="icon18 login-icon">&nbsp;</em><span class="vam ml5">登录</span>
                    </a>
                    <a th:href="@{/member/regist}" title="注册">
                        </em><span class="vam ml5">注册</span>
                    </a>
                </li>
                <li class="mr10" id="is-login-one" th:if="${session.member}">
                    <a href="" title="消息" id="headerMsgCountId">
                        <em class="icon18 news-icon">10</em>
                    </a>
                    <q class="red-point" style="display: block"></q>
                </li>
                <li class="h-r-user" id="is-login-two" th:if="${session.member}">
                    <a th:href="@{/ucenter}" title="">
                        <img src="/img/avatar-boy.gif" width="30" height="30" class="vam picImg" alt="">
                        <span class="vam disIb" id="userName" th:text="${session.member.account}"></span>
                    </a>
                    <a th:href="@{/member/logout}" title="退出"  class="ml5">退出</a>
                </li>
            </ul>
            <aside class="h-r-search">
                <form action="" method="post">
                    <label class="h-r-s-box"><input type="text" placeholder="输入你想学的课程" name="queryCourse.courseName"
                                                    value="">
                        <button type="submit" class="s-btn">
                            <em class="icon18">&nbsp;</em>
                        </button>
                    </label>
                </form>
            </aside>
        </div>
        <div class="clear"></div>
    </section>
</header>
<footer id="footer">
    <section class="container">
        <div class="">
            <h4 class="hLh30">
                <span class="fsize18 f-fM c-999">友情链接</span>
            </h4>
            <ul class="of flink-list">
                <li><a href="http://www.woniuxy.com" title="蜗牛学院" target="_blank">蜗牛学院</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="b-foot">
            <section class="fl col-7">
                <section class="mr20">
                    <section class="b-f-link">
                        <a href="http://www.woniuxy.com" title="关于我们" target="_blank">关于我们</a>|
                        <a href="http://www.woniuxy.com" title="联系我们" target="_blank">联系我们</a>|
                        <a href="#" title="成功案例" target="_blank">成功案例</a>|
                        <a href="http://www.woniuxy.com" title="帮助中心" target="_blank">帮助中心</a>|
                        <span>服务热线：1234567890</span> <span>Email：tanlan@woniuxy.com</span>
                    </section>
                    <section class="b-f-link mt10">
                        <span>©2015-2021 蜗牛学院版权所有 蜀备001号</span>
                    </section>
                </section>
            </section>
            <aside class="fl col-3 tac mt15">
                <section class="gf-tx">
                    <span><img src="" alt=""></span>
                    <div class="gf-tx-ewm">
                        <img src="" alt="">
                    </div>
                </section>
                <section class="gf-tx">
                    <span><img src="" alt=""></span>
                    <div class="gf-tx-ewm">
                        <img src="" alt="">
                    </div>
                </section>
            </aside>
            <div class="clear"></div>
        </div>
    </section>
</footer>

<div class="dialogWrap" style="position: absolute; top: 165.5px; margin-left: -170px;">
    <div class="dialog-ele">
        <h4 class="d-s-head pr" style="width: 328px;">
            <a href="javascript:void(0)" title="关闭" class="dClose icon16 pa">&nbsp;</a>
            <span id="d-s-head-tab" class="d-s-head-tab">
                <a href="javascript:void(0)" class="current">登录</a>
                <a href="javascript:void(0)" class="">注册</a>
            </span>
        </h4>
        <div class="of">
            <div id="lrEleWrap" class="mt10 mb20 ml20">
                <div id="d-s-head-cont" class="lrWrap">
                    <section class="dis e-login-ele" style="display: block;">
                        <div class="mt10"><p class="e-l-jy"></p></div>
                        <div>
                            <ol class="e-login-options">
                                <li><input id="u-email" type="text" placeholder="请输入登录邮箱"/>
                                    <p class="lr-tip-wrap"></p></li>
                                <li><input id="u-password" type="password" placeholder="请输入密码"/>
                                    <p class="lr-tip-wrap"></p></li>
                            </ol>
                            <section class="hLh30 of pl10"><span class="fl"><label class="hand c-999 vam"><input
                                    type="checkbox" style="vertical-align: -2px;" id="autoThirty">自动登录</label><a
                                    class="vam ml10 c-blue" title="" href="">忘记密码?</a></span>
                            </section>
                            <section class="mt20 tac"><a href="javascript:void(0)" title="登 录" class="e-login-btn">登
                                录</a></section>
                        </div>
                    </section>
                    <section class="undis e-login-ele" style="display: none;">
                        <div class="mt10"><p class="e-l-jy"></p></div>
                        <div>
                            <ol class="e-login-options">
                                <li><input id="u-email-reg" type="text" placeholder="请输入登录邮箱"/>
                                    <p class="lr-tip-wrap"></p></li>
                                <li><input id="u-mobile-reg" type="text" placeholder="请输入用户手机号"/>
                                    <p class="lr-tip-wrap"></p></li>
                                <li><input id="u-password-reg" type="password" placeholder="请输入密码"/>
                                    <p class="lr-tip-wrap"></p></li>
                                <li><input id="u-passwordre-reg" type="password" placeholder="请再输入一次密码"/>
                                    <p class="lr-tip-wrap"></p></li>
                                <li><input id="u-randomcode-reg" class="fl" style="width: 100px;" type="text"
                                           placeholder="请输入验证码"/>
                                    <a href="javascript:void(0)" title="" class="vam ml10 disIb fl"><img
                                            alt="验证码，点击图片更换"
                                            src="" width="86" height="40"></a><span class="c-999 fl ml10">看不清<br><a
                                            href="javascript:void(0)" class="js-verify-refresh c-green">换一张</a></span>
                                    <p class="lr-tip-wrap"><span class="c-red"></span></p>
                                    <p class="clear"></p></li>
                            </ol>
                            <section class="mt20 tac">
                                <a href="javascript: void(0)" title="注 册" class="e-login-btn">注 册</a>
                            </section>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="u-m-dd" id="left">
    <ul>
        <li><span>Wo的学习</span>
            <ol>
                <li class="current"><a href="javascript:void(0)" onclick="" title="">免费课程</a></li>
                <li><a href="javascript:void(0)" onclick="" title="">选课中心</a></li>
                <li><a href="javascript:void(0)" onclick="" title="">Wo的收藏</a></li>
            </ol>
        </li>
    </ul>
    <ul>
        <li><span>Wo的资料</span>
            <ol>
                <li><a href="javascript:void(0)" onclick="" title="">基本资料</a></li>
                <li><a href="javascript:void(0)" onclick="" title="">个人头像</a></li>
                <li><a href="javascript:void(0)" onclick="" title="">密码设置</a></li>
            </ol>
        </li>
    </ul>
    <ul>
        <li><span>Wo的消息</span>
            <ol>
                <li><a href="javascript:void(0)" onclick="" title="">系统消息</a></li>
            </ol>
        </li>
    </ul>
</section>